
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title><ui:insert name="titulo">Student's Site</ui:insert></title>        
        <link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/css/reset.css" type="text/css" media="all"/>
        <link rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/css/style.css" type="text/css" media="all"/>
        <script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/jquery-1.4.2.min.js" ></script>
        <script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/cufon-yui.js"></script>
        <script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/cufon-replace.js"></script>
        <script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/Myriad_Pro_300.font.js"></script>
        <script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/Myriad_Pro_400.font.js"></script>
        <script type="text/javascript" src="#{facesContext.externalContext.requestContextPath}/js/script.js"></script>
    </h:head>

<h:body>
    <div class="wrap">
        <style>
            header .container {
                height:75px;
                position:relative;
                padding:0;
            }
        </style>
    <header>
        <div class="container">
            <h1><ui:insert name="titulo_logo"><a href="#">Student's Site</a></ui:insert></h1>
        <nav>
            <ul>
            <ui:insert name="m1"><li class="current"><a href="index.html" class="m1">Home Page</a></li></ui:insert>
            <ui:insert name="m1"><li><a href="about-us.html" class="m2">About Us</a></li></ui:insert> 
            <ui:insert name="m1"><li><a href="articles.html" class="m3">Our Articles</a></li></ui:insert> 
            <ui:insert name="m1"><li><a href="contact-us.html" class="m4">Contact Us</a></li></ui:insert> 
            <ui:insert name="m1"><li class="last"><a href="sitemap.html" class="m5">Sitemap</a></li></ui:insert>          
            </ul>
        </nav>
        <ui:insert name="search_form"/>      
        </div>
    </header>
    <div class="container">
        <aside>
        <h3>Categories</h3>      
            <ul class="categories">
                <ui:insert name="link_lateral">                    
                    <li><span><a href="#">Programs</a></span></li>
                    <li><span><a href="#">Student Info</a></span></li>
                    <li><span><a href="#">Teachers</a></span></li>
                    <li><span><a href="#">Descriptions</a></span></li>
                    <li><span><a href="#">Administrators</a></span></li>
                    <li><span><a href="#">Basic Information</a></span></li>
                    <li><span><a href="#">Vacancies</a></span></li>
                    <li class="last"><span><a href="#">Calendar</a></span></li>
                </ui:insert>
            </ul>
            <ui:insert name="newsletter_form">
                <form action="#" id="newsletter-form">
                    <fieldset>
                    <div class="rowElem">
                        <h2>Newsletter</h2>
                        <input type="email" value="Enter Your Email Here" onFocus="if(this.value=='Enter Your Email Here'){this.value=''}" onBlur="if(this.value==''){this.value='Enter Your Email Here'}" />
                        <div class="clear"><a href="#" class="fleft">Unsubscribe</a><a href="#" class="fright">Submit</a></div>
                    </div>
                    </fieldset>
                </form>
            </ui:insert>
            <ui:insert name="fresh_news">
                <h2>Fresh <span>News</span></h2>
                <ul class="news">
                    <li><strong>June 30, 2010</strong>
                    <h4><a href="#">Sed ut perspiciatis unde</a></h4>
                    Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque. </li>
                    <li><strong>June 14, 2010</strong>
                    <h4><a href="#">Neque porro quisquam est</a></h4>
                    Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit consequuntur magni. </li>
                    <li><strong>May 29, 2010</strong>
                    <h4><a href="#">Minima veniam, quis nostrum</a></h4>
                    Uis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae. </li>
                </ul>
            </ui:insert>
        </aside>
        <section id="content">
            <ui:insert name="content">
                <div id="banner">
                    <h2>Professional <span>Online Education <span>Since 1992</span></span></h2>
                </div>
                <div class="inside">
                    <h2>Recent <span>Articles</span></h2>
                    <ul class="list">
                    <li><span><img src="images/icon1.png" /></span>
                        <h4>About Template</h4>
                        <p>Eusus consequam vitae habitur amet nullam vitae condis phasellus sed justo. Orcivel mollis intesque eu sempor ridictum a non laorem lacingilla wisi.</p>
                    </li>
                    <li><span><img src="images/icon2.png" /></span>
                        <h4>Branch Office</h4>
                        <p>Eusus consequam vitae habitur amet nullam vitae condis phasellus sed justo. Orcivel mollis intesque eu sempor ridictum a non laorem lacingilla wisi.</p>
                    </li>
                    <li class="last"><span><img src="images/icon3.png" /></span>
                        <h4>Student’s Time</h4>
                        <p>Eusus consequam vitae habitur amet nullam vitae condis phasellus sed justo. Orcivel mollis intesque eu sempor ridictum a non laorem lacingilla wisi.</p>
                    </li>
                    </ul>
                    <h2>Move Forward <span>With Your Education</span></h2>
                    <p><span class="txt1">Eusus consequam</span> vitae habitur amet nullam vitae condis phasellus sed justo. Orcivel mollis intesque eu sempor ridictum a non laorem lacingilla wisi. </p>
                    <div class="img-box" ><img src="images/1page-img.jpg" />Eusus consequam vitae habitur amet nullam vitae condis phasellus sed justo. Orcivel mollis intesque eu sempor ridictum a non laorem lacingilla wisi. Nuncrhoncus eros <a href="#">maurien ulla</a> facilis tor mauris tincidunt et vitae morbi. Velelit condimentes in laorem quis nullamcorper nam fauctor feugiat pellent sociis.</div>
                    <p class="p0">Eusus consequam vitae habitur amet nullam vitae condis phasellus sed justo. Orcivel mollis intesque eu sempor ridictum a <a href="#">non laorem</a> lacingilla wisi.</p>
                </div>
            </ui:insert>
        </section>
    </div>
    </div>
    <footer>
    <div class="footerlink">
        <ui:insert name="footer">
            <p class="lf">Copyright ; 2010 <a href="#">SiteName</a> - All Rights Reserved</p>
            <p class="rf"><a href="http://www.free-css.com/">Free CSS Templates</a> by <a href="http://www.templatemonster.com/">TemplateMonster</a></p>
            <div style="clear:both;"></div>
        </ui:insert>
    </div>
    </footer>
    <script type="text/javascript"> Cufon.now(); </script>
</h:body>
</html>
